<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 修改下面的实例 -->
    <!-- 
    <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button> -->
</body>

</html>
<script>
    //  n   创建服务器
    var variable = new XMLHttpRequest()
    //   兼容的话
    var variable;
    if (window.XMLHttpRequest) {
        variable = new XMLHttpRequest()
    } else {
        // 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
        variable = new ActiveXObject('Microsoft.XMLHTTP"')
    }

    //    规定请求的类型、URL 以及是否异步处理请求。

    // method：请求的类型；GET 或 POST
    // url：文件在服务器上的位置
    // async：true（异步）或 false（同步）
    variable.open('GET', 'TEST1.TXT', TRUE);
    //    结束的将请求发送到服务器。

    // string：仅用于 POST 请求
    variable.send()

//    GET 还是 POST？
// 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。

// 然而，在以下情况中，请使用 POST 请求：

// 无法使用缓存文件（更新服务器上的文件或数据库）
// 向服务器发送大量数据（POST 没有数据量限制）
// 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
// 如果您希望通过 GET 方法发送信息，请向 URL 添加信息：

// xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
// xmlhttp.send();


// POST 请求
// 一个简单 POST 请求：

// xmlhttp.open("POST","demo_post.asp",true);
// xmlhttp.send();
// 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

// xmlhttp.open("POST","ajax_test.asp",true);
// xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// xmlhttp.send("fname=Bill&lname=Gates");
</script>